<template>
    <div class="enterprise-main">
        <main-header>
            <span slot="text">欢迎来到易夫子教师人才网企业版！</span>
            <span slot="login"></span>
        </main-header>
        <main-menu :menuList="menuList">
            <div slot="otherMenu" style="height: 100%">
                <span class="message btn"  @click="goPage('enterprise-message')">消息</span>
                <el-dropdown class="user-menu btn">
                    <span class="el-dropdown-link">
                        企业名<i class="el-icon-arrow-down el-icon--right"></i>
                    </span>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item
                                v-for="(item, index) in dropList"
                                :key="index+'drop'"
                                @click.native="goPage(item.pathName)"
                        >
                            {{item.name}}
                        </el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </div>
        </main-menu>
        <main-navigation></main-navigation>
        <main>
            <div class="content">
                <router-view/>
            </div>
            <enterprise-aside></enterprise-aside>
        </main>
        <div class="footer container">
            <div class="container">
                <ul class="foot-menu">
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                    <li>关于我们</li>
                </ul>
                <div class="copy">
                    <p>CopyRight&nbsp@&nbsp2019江西易夫子人力资源有限公司&nbsp&nbsp&nbsp&nbsp
                        ICP备案：&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp技术支持：嘉瑞科技&nbsp&nbsp联系方式：13699518097
                    </p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import MainHeader from '@/pages/components/MainHeader.vue'
    import MainMenu from '@/pages/components/MainMenu.vue'
    import MainNavigation from '@/pages/components/MainNavigation.vue'
    import EnterpriseAside from '@/pages/enterprise-center/components/EnterpriseAside.vue'

    export default {
        name: "EnterpriseMain",
        components: {
            MainHeader,
            MainMenu,
            MainNavigation,
            EnterpriseAside
        },
        data() {
            return {
                menuList: [
                    {
                        path: '/Home',
                        title: '首页',
                        meta: {
                            title: '首页',
                        },
                    },{
                        path: '/TalentsPage',
                        title: '找人才',
                        meta: {
                            title: '找人才',
                        },
                    },{
                        // path: '/Jobs',
                        title: 'VIP服务',
                        meta: {
                            title: 'VIP服务',
                        },
                    }
                ],
                dropList: [
                    {
                        name: '企业资料',
                        pathName: 'enterprise-center'
                    }, {
                        name: '职业管理',
                        pathName: 'job-manage'
                    }, {
                        name: '简历管理',
                        pathName: 'resume-manage'
                    },{
                        name: 'VIP服务',
                    },{
                        name: '账号设置',
                        pathName: 'edit-enterprise-data'
                    },{
                        name: '切换为个人版',
                    },{
                        name: '退出登录',
                        pathName: 'main'
                    },
                ]
            }
        },
        methods: {
            goPage(pathName) {
                this.$router.push({name: pathName});
            }
        }
    }
</script>

<style scoped lang="less">
    .enterprise-main {
        background: #F7F8FA;
        main {
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
            .content {
                width: 860px;
                float: left;
                background: #fff;
                margin-bottom: 50px;
            }
        }
        .message,.user-menu {
            font-size: 13px;
            display: inline-block;
            color: #6A6A6A;
            padding:0 10px;
        }
        .message {
            border-right: 1px solid #ccc;
        }
        .footer {
            width: 100%;
            background: #282828;
            color: #fff;
            text-align: left;
            .container {
                height: 110px;
                padding: 35px 0;
                box-sizing: border-box;
                .foot-menu {
                    display: flex;
                    font-size: 13px;
                    justify-content: center;
                    li {
                        margin: 0 20px;
                        color: #D3D6D5;
                        cursor: pointer;
                    }
                }
                .copy {
                    font-size: 13px;
                    text-align: center;
                    margin-top: 14px;
                    color: #77797E;
                }
            }
        }
    }
</style>